<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
</head>
<body>
    <ul class="banner_mb">
            <li id="change_mb">
                <i class="banner_mb_i"></i>
                <span>更换模板</span>
            </li>
            <li id="change_img">
                <i class="banner_pic_i"></i>
                <span>更换图片</span>
            </li>
        </ul>
        <!--更换模板弹窗-->
        <div class="banner_mb_tab">
            <div class="clearfix">
                <div class="banner_mb_tab_clk fr" data="" data-typeid="">
                        确认
                    </div>
                    <div class="banner_mb_tab_qx fr" data="">
                        取消
                    </div>
                </div>
            <div class="banner_mb_tab_div">
                <input name="mb_dialog" type="hidden" >
                <ul id="mb_ul">
                    <!-- <li>
                        <input name="mb_dialog" type="hidden" >
                        <img id="mb1" src="./images/mb/head1.png" alt="">
                    </li>
                    <li>
                        <input name="mb_dialog" type="text" style="display:none;">
                        <img id="mb2" src="./images/mb/head2.png" alt="">
                    </li>
                    <li>
                        <input name="mb_dialog" type="text" style="display:none;">
                        <img id="mb3" src="./images/mb/head3.png" alt="">
                    </li>
                    <li>
                        <input name="mb_dialog" type="text" style="display:none;">
                        <img id="mb4" src="./images/mb/head4.png" alt="">
                    </li>
                    <li>
                        <input name="mb_dialog" type="text" style="display:none;">
                        <img id="mb5" src="./images/mb/head5.png" alt="">
                    </li>
                    <li>
                        <input name="mb_dialog" type="text" style="display:none;">
                        <img id="mb6" src="./images/mb/head6.png" alt="">
                    </li> -->
                </ul>
            </div>
        </div>
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.1.4/weui.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
    <script>

        // var loading = weui.loading('模板加载中');
        // loading show();
        // var load = weui.loading('加载中');

        $(function() {
                // ---------------------------
                // $('#mb_ul').on('click', 'li', function() {
                //     var imgSrc = $(this).attr('data-cover');
                //     nameNow = $('body').prop('class');
                //     $('.top_pic').prop('src', imgSrc);
                //     var nameCls = $(this).attr('data-id');
                //     var cls = "."+nameCls;
                //     nam = "."+nameNow;
                //     $(nam).prop('class', 'mb'+nameCls);
                // });
                // var mb_data = null;
                // ---------------------------
                $('#change_mb').on('click', function() {
                    console.log(0)
                     // load.hide();
                    // --------------------------
                    var load = $.showLoading('模板加载中');
                    
                    // var load = weui.loading('模板加载中'); 
                    // if(!mb_data) {
                    //     $.post(url.mb_list)
                    //     .then(function(res) {
                            // load.hide();
                    //         if(res.result == 'error') {
                    //             alert(res.message || '加载失败');
                    //         }
                    //         console.log(res);
                    //         mb_data = res.data;
                    //         for(var i in mb_data) {
                    //             var img = $('<img>').prop('src', mb_data[i]['src']);
                    //             var li = $('<li>').append(img);
                    //             li.attr('data-id', mb_data[i]['id']);
                    //             li.attr('data-bg', mb_data[i]['bg']);
                    //             li.attr('data-cover', mb_data[i]['cover']);
                    //             li.attr('data-font_color', mb_data[i]['font_color']);
                    //             $('#mb_ul').append(li);
                    //         }
                    //         $('.banner_img_tab').hide();
                    //         $('.banner_mb_tab').show();
                    //     })
                    //     .fail(function(e) {
                    //         load.hide();
                    //         alert('连接失败');
                    //         console.log(e)
                    //     });
                    // } else {
                    //     $('.banner_img_tab').hide();
                    //     $('.banner_mb_tab').show();
                    // }
                    // ----------------------
                    
                });
                var nameNow = $('body').prop('class');
                var nowSrc = $('.top_pic').prop('src');
                var nam;
                //更换
                // $('.banner_mb_tab_div').find('img').on('click', function() {
                //     var imgSrc = $(this).prop('src');
                //     nameNow = $('body').prop('class');
                //     $('.top_pic').prop('src', imgSrc);
                //     var nameCls = $(this).prop('id');
                //     var cls = "."+nameCls;
                //     nam = "."+nameNow;
                //     $(nam).prop('class', nameCls);
                //     // console.log(nam)
                //     // nameNow = $('body').prop('class');
                // });
                    // console.log(nameNow)
                //确定
                $('.banner_mb_tab_clk').on('click', function() {
                    $('.banner_mb_tab').hide();
                    // nowSrc = $('.top_pic').prop('src');
                });
                //取消
                $('.banner_mb_tab_qx').on('click', function() {
                    $('.banner_mb_tab').hide();
                    nameNow = $('body').prop('class');
                    nam = "."+nameNow;
                    $(nam).prop('class', 'mb');
                    $('.top_pic').prop('src', './images/mb/head.png');
                });
            });
    </script>
</body>
</html>